<div class="result_list flex overflow height100">
    <span class="close" zkmap-event="clearSearch"><i class="zkuasgm-icon">&#xe629;</i></span>
    <div class="search_top">
        <div class="countBox">
            共有<span class="bd">2342</span>条数据
        </div>
        <div class="tag_list">
            <h2 class="toggle_list hov" zkmap-event="toggleFilter"><i class="zkuasgm-icon nico">&#xe697;</i><span
                    class="name">筛选</span><i class="zkuasgm-icon togIco">&#xe633;</i></h2>
            <div class="toggle_main">
                <div class="type_list">
                    <button class="layui-btn tag-btn layui-btn-sm layui-btn-radius layui-btn-primary"
                        title=""><span class="num">123123</span>
                        <p class="text">选项1</p>
                    </button>
                    <button class="layui-btn tag-btn layui-btn-sm layui-btn-radius layui-btn-normal"
                        title=""><span class="num">8956</span>
                        <p class="text">选项2</p>
                    </button>
                </div>
                <div class="filter_box layui-form">
                    <ul>
                        <li><input type="text" name="title" required lay-verify="required" placeholder="请选择日期"
                                autocomplete="off" class="layui-input"></li>
                    </ul>
                    <button class="layui-btn layui-btn-normal layui-btn-fluid"><i
                            class="zkuasgm-icon nico">&#xe61c;</i>搜索</button>
                </div>
            </div>

        </div>
    </div>


    <div class="search_list tsrq_list item overflow">
        <ul>
            <li zkmap-event="refuseList">
                <span class="pt"><img src="images/dw.png" alt=""></span>
                <p class="name">垃圾桶1</p>
                <p class="dis">广西贺州昭平县黄姚镇106</p>
                <div class="progressBox">
                    <div class="item">
                        <div class="layui-col-md4">
                            电量
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar" lay-percent="30%"></div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="layui-col-md4">
                            信号
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="pt"><img src="images/dw.png" alt=""></span>
                <p class="name">垃圾桶2</p>
                <p class="dis">广西新华乡723县道农村信用社新华信用社旁502</p>
                <div class="progressBox">
                    <div class="item">
                        <div class="layui-col-md4">
                            电量
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar" lay-percent="30%"></div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="layui-col-md4">
                            信号
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="pt"><img src="images/dw.png" alt=""></span>
                <p class="name">垃圾桶3</p>
                <p class="dis">广西巩桥汽车站西南97</p>
                <div class="progressBox">
                    <div class="item">
                        <div class="layui-col-md4">
                            电量
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar" lay-percent="30%"></div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="layui-col-md4">
                            信号
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="pt"><img src="images/dw.png" alt=""></span>
                <p class="name">垃圾桶4</p>
                <p class="dis">广西城兴钟路69</p>
                <div class="progressBox">
                    <div class="item">
                        <div class="layui-col-md4">
                            电量
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar" lay-percent="30%"></div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="layui-col-md4">
                            信号
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <span class="pt"><img src="images/dw.png" alt=""></span>
                <p class="name">垃圾桶5</p>
                <p class="dis">广西莲山镇莲山街391</p>
                <div class="progressBox">
                    <div class="item">
                        <div class="layui-col-md4">
                            电量
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar" lay-percent="30%"></div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="layui-col-md4">
                            信号
                        </div>
                        <div class="layui-col-md8">
                            <div class="layui-progress">
                                <div class="layui-progress-bar layui-bg-blue" lay-percent="80%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="more"><i class="zkuasgm-icon">&#xe633;</i>更多</div>
    </div>
</div>
<script>
    layui.element.render();
    // $('.tsrq_list li').on('click', function () {
    //     var sContent = `
    //     <iframe src="/views/app/timeline/index.html"  frameborder="no"  scrolling="auto" width="100%" height="400"></iframe>
    //     `;
    //     var opts = {
    //         width: 520
    //     };
    //     var map = new BMap.Map("allmap");
    //     var point = new BMap.Point(116.404, 39.915);
    //     map.centerAndZoom(point, 15);
    //     var infoWindow = new BMap.InfoWindow(sContent, opts);  // 创建信息窗口对象
    //     map.openInfoWindow(infoWindow, point); //开启信息窗口


    // })
</script>